import React, { Component } from 'react';

import { Swiper } from 'antd-mobile'

const colors = ['#ace0ff', '#bcffbd', '#e4fabd', '#ffcfac']

import "./styles/app.css"

class App extends Component {
  render() {
    return (
      <div>
        <Swiper>
          {
            colors.map((color, index) => (
              <Swiper.Item key={index}>
                <div
                  className="content"
                  style={{ background: color }}
                  onClick={() => {
                    console.log(1111);
                  }}
                >
                  {index + 1}
                </div>
              </Swiper.Item>
            ))
          }
        </Swiper>
      </div>
    );
  }
}

export default App;
